<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head><title>Materials - Wood Usage</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="expires" content="" />
<meta name="lang" content="en-US" />
<meta name="template-info" content="NewTopicFile.htm 2010-03-04" />
<meta name="creation-date" scheme="iso8601" content="2014-04-28" />
<meta name="last-modified" scheme="iso8601" content="2014-04-28" />
<meta name="version" content="1" />
<meta name="author" content="Ulrich Sprick" />
<meta name="robots" content="follow" />
<meta name="category" content="Lutherie/Classical Guitar" />
<meta name="keywords" content="lutherie, guitar, material, adhesive." />
<meta name="description" content="" />

<link rel="stylesheet" type="text/css" href="../../../includes/topic-2.css" />
<link rel="stylesheet" type="text/css" href="../../../includes/table-2.css" />
<link rel="stylesheet" type="text/css" href="../includes/local.css" />

<style>
table.usagematrix {
	table-layout: fixed;
}
table.usagematrix td {
	border: solid 1px #A0A0A0;
}
table.usagematrix thead td { 
	width: 23px; 
	height: 70px; 
	padding: 0px;
}
table.usagematrix div {
    width: 69px;
    height: 40px;
	position: relative; 
	overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    border: solid 1px green;
}

.rottext0 { 
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=1, M21=-1, M22=0, Dx=0, Dy=0, sizingMethod='auto expand'); 
}
.rottext1 { 
	filter: progid:DXImageTransform.Microsoft.Matrix(Dy=2, M11=0, M12=1, M21=-1, M22=0,	sizingMethod='auto expand'); 
}
.rottext2 { 
	filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3); 
}
.rottext3 { 
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=-1, M21=-1, M22=0, sizingMethod='auto expand'); 
}
.rottext4 { 
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=1, M21=-1, M22=0, Dx=0, Dy=68, sizingMethod='auto expand'); 
}

.rot {
	filter:  progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);
	white-space: nowrap;
}

td { border: 1px solid grey; padding: 9px; }
</style>

<script language="JavaScript" type="text/javascript" src="../../../includes/global.js"></script>
<script language="JavaScript" type="text/javascript" src="../../../includes/cookies.js"></script>
<script language="JavaScript" type="text/javascript" src="../../../includes/topic.js"></script>
<script language="JavaScript" type="text/javascript" src="../includes/local.js"></script>

</head><body class="content" onload="onloadTopic()"><a name="top"></a>

<h1></h1>

<p>
<table style="table-layout: fixed;">
<colgroup><col style="width: 66px;"/><col style="width: 21px;"/></colgroup>
<tr>
	<td class="rot" style="width: 15px;">test1 bla bla bla</td>
	<td class="rot" style="width: 15px;">test1 bla bla bla</td>
</tr>
</table>
</p>
<p><a href="javascript:test01();" >Test</a> <a href="javascript:debugger;">debugger</a> <a href="javascript:test02();">test 2</a></p>

<div id="outer" style="border: solid 1px blue; width: 23px; height: 200px;">
<div id="inner" style="border: solid 1px green; position: relative; left: 0px; top: 0px; width: 198px; ">
this is a loooooooog text.
</div>
</div>

<table class="usagematrix" ID="Table1" style="margin-top: 50px;">
<thead><tr>
	<td id="td01"><div id="div01" class="rottext0x" >x</div></td>
	<td><div id="div02" class="rottext0x">x</div></td>
</tr></thead><tbody><tr style="text-align: center;">
	<td>x</td>
	<td>x</td>
</tr></tbody></table>

<script language="javascript">
function test03()
{
	var x = document.getElementById( "div01" );
	x.className = "rottext4";
	x.width = "25px";
	// var x = document.getElementById( "td01" );
	// x.style.width = "23px";
}
</script>

<p><a href="javascript:test03();" >Test 3</a></p>

<p><a href="http://extremelysatisfactorytotalitarianism.com/blog/?p=1002">link</a></p>

</body>
<script language="javascript">
function test01 () 
{
	var x = document.getElementById( "inner" );
	alert( "x:" + x.style.left + " y:" + x.style.top + " w:" + x.style.width + " h:" + x.style.height  );
	// alert ( x.style );
}

function test02 ()
{
	var x = document.getElementById( "inner" );
	x.className = "rottext0";
	// x.style.top = "0px";
	// x.style.width = "198px";
	//x.style.filter = "progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=1, M21=-0, M22=1, Dx=1, Dy=1,sizingMethod='clip to original'); ";
}
</script></html>
